Vue.component('indexSlide',{
    props:["list","number"],
    template: '<div class="swiper-container">\n' +
    '                    <div class="swiper-wrapper">\n' +
    '                        <div class="swiper-slide" v-for="item in list">\n' +
    '                            <img class="lazy slide-bg" :src="item.coverImgSrc" :data-original="item.coverImgSrc">\n' +
    '                            <span></span>\n' +
    '                            <div v-if="number" class="city-label">\n' +
    '                                <strong v-for="(list,index) in item.tags" v-if="index<2">{{list.label}}</strong>\n' +
    '                            </div>\n' +
    '                            <div v-if="number" class="city-title">\n' +
    '                                <h6>{{item.title}}</h6>\n' +
    '                                <p>{{item.imgNote}}</p>\n' +
    '                            </div>\n' +
    '                        </div>\n' +
    '                    </div>\n' +
    '                </div>',
    data: function () {
        return {}
    },
    methods:{
        bgimg:function(url){
            url = url?url:"";
            return {
                "background-image":'url("'+url+'"),url("")'
            }
        }
    }
});